<template>
  <div>
    <el-menu
        :default-active="$route.path"
        class="el-menu-vertical-demo"
        background-color="#222D32"
        text-color="#fff"
        active-text-color="#ffd04b" router>

      <el-menu-item style="position: relative;margin-top: 0px; margin-left: 0px">
<!--        <div style="background-color: green;"><span>东东商城-运营商后台管理</span></div>-->
        <img src="@/assets/img/img.png" height="80%" width="100%"/>
      </el-menu-item>

      <el-menu-item index="/">
        <i class="el-icon-menu"></i>
        <span slot="title">菜单</span>
      </el-menu-item>

      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>基本信息</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/seller/update">修改资料</el-menu-item>
          <el-menu-item index="/seller/password">修改密码</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>商品管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/seller/add">新增商品</el-menu-item>
          <el-menu-item index="/seller/goods">商品管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

    </el-menu>
  </div>
</template>

<script>
export default {
  name: "IndexView",
  methods:{
  }

}
</script>

<style lang="less" scoped>
  .el-menu{
    border-right: 0;
    /deep/ .is-active {
      background: #1e78bf !important;
      color: #fff !important;
    }
  }
</style>